<!DOCTYPE html>
<html lang="en">
<head>
    <script src="jquery-3.2.1.min.js"></script>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        div {
            border: solid;
            border-radius: 500px;
            transition: all 0.3s;
        }
    </style>
</head>
<body>
<script>
    function Ball(width, height) {
        this.width = width;
        this.height = height;
        this.creatBall = function () {
            var div = document.createElement('div');
            document.body.appendChild(div);

            var div = $('div');
            div.css('width', this.width).css('height', this.height);
            div.css('marginTop','0px');
            setTimeout(function () {
                div.css('marginTop','100px');
            },100);
            setTimeout(function () {
                div.css('marginTop','50px');
            },250);
            setTimeout(function () {
                div.css('marginTop','100px');
            },400)


        };
    }
    var b = new Ball(100, 100);
    b.creatBall();
</script>
</body>
</html>